<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .box{
            width: 1000px;
            height: 1000px;
            /* background: red; */
        }
    </style>
</head>
<body>
    <div class="box"></div>
    <script>
        // BOM: browser Object model: 浏览器对象模型，和浏览器信息相关的内容；
        // 顶级对象 window可以省略
        // window.document
        // var a = 10;
        // window.a

        // console.log( window.document);
        // 1.浏览器窗口的宽和高 ,注意是浏览器视口宽和高；
        // 宽：innerWidth
        // console.log( window.innerWidth);
        // 高： innerHeight
        // console.log(window.innerHeight);
        // console.log(window.innerHeight,window.innerWidth);

        // 2.浏览器相关的信息；
        // console.log( window.navigator);

        /* 
            appName："Netscape" 网景公司；
            appVersion： 浏览器版本；
            platform：系统的版本；

        */




    </script>
</body>
</html>